<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
		ul{list-style: none;margin: 0;padding: 0;}
	
		</style>
		<script type="text/javascript" src="js/jquery-1.12.4.js"></script>
		
	
	</head>
	<body>
		<div>
			<ul>
				<input id="num1" type="checkbox" /><h2 style="display: inline;" >系统管理</h2><br />
				<input class="select1" type="checkbox"  />用户管理
				<input class="select1" type="checkbox" />参数管理
				<input class="select1" type="checkbox" />权限管理
				<input class="select1" type="checkbox" />日常管理
				<input class="select1" type="checkbox" />财务管理
                
			</ul>
			    <hr />
			    <br />
			<ul>
				<input id="num2" type="checkbox" /><h2 style="display: inline;"  >鲜花订单管理</h2><br />
				<input type="checkbox" />增加订单
				<input type="checkbox" />订单发货
				<input type="checkbox" />在线结算
				<input type="checkbox" />原料管理
			
			</ul>
			   <hr />
               <br />
			<ul>
				<input id="num3" type="checkbox" /><h2 style="display: inline;"  >客户管理</h2><br />

				<input type="checkbox" />增加用户
				<input type="checkbox" />查找用户
				<input type="checkbox" />用户维护
				<input type="checkbox" />生日祝贺
				<input type="checkbox" />删除用户

			</ul>
			  
			<br />
			<input id="all" type="button" value="全选" />
			<input type="button" value="提交" />
			<input id="allnone" type="button" value="重置" />
			  <hr />
		</div> 
		
	</body>
	
	
	<script type="text/javascript">
			
			$(document).ready(function(e){
				$("#all").click(function(){

                  if($("#all").val()=="全选"){
                  	$("input").prop("checked",true);
				   $("#all").attr("value","全不选");
                  }else{
                    $("input").prop("checked",false);
				   $("#all").attr("value","全选");
                  
                  
                  };

					
				});	
				
				
			
				$("#allnone").click(function(){
					
				$("input").prop("checked",false);
					
				});
				
$("#num1").click(function(){ $("#num1~input").prop("checked",$("#num1").prop("checked"));//添加选中
				});
$("#num2").click(function(){ $("#num2~input").prop("checked",$("#num2").prop("checked"));//添加选中
				});
$("#num3").click(function(){ $("#num3~input").prop("checked",$("#num3").prop("checked"));//添加选中
				});
											
			  $("input").not("#num1").not("#num2").not("#num3").click(function(){
					$(this).parent().children(":first").prop("checked",true);
			  	    var n=$(this).parent().children();
			  	    var flag=true;
			  	    for(var i=1;i<n.length;i++){
			  	    	if(n[i].checked==true){
			  	    		flag=false;
			  	    	}
			  	    }
			  	    if(flag==true){
			  	    $(this).parent().children(":first").prop("checked",false);

			  	    }
			  	
			  	
			  })
			
			
			});

              
		</script>
</html>
